<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>企业微信使用数据统计</title>
</head>
<body>
<div style="font-weight: bold;font-size: 16px">查询周期:{{$yy}}/{{$mm}}/1 至 {{$yy}}/{{$mm}}/{{$dd}}</div>
<table class="qgg-table">
    <tbody>
    <th style="width: 30%">部门</th>
    <th style="width: 15%">使用人次</th>
    <th style="width: 15%">未使用人次</th>
    <th style="width: 15%">部门总人数</th>
    <th style="width: 25%">使用率</th>
    @foreach($list as $k=>$v)
    <tr>
        <td>{{$v['bm']}}</td>
        <td>{{$v['sycs']}}</td>
        <td>{{$v['wsycs']}}</td>
        <td>{{$v['bmzrs']}}</td>
        <td>{{number_format($v['syl'],2)}}%</td>
    </tr>
    @endforeach
    </tbody>
</table>


<div style="margin: 50px;width: 100%;height: 100px;"></div>
<style>
    *{margin: 0;padding: 0}
    html,body{overflow-x: hidden}
    .title {
        text-align: center;
        font-weight: bold
    }

    /** Table 表格样式 **/
    .qgg-table {
        border-collapse: collapse;
        width: 100%;
        border: 1px solid #c6c6c6 !important;
        margin-bottom: 20px;
    }

    .qgg-table th {
        border-collapse: collapse;
        border-right: 1px solid #c6c6c6 !important;
        border-bottom: 1px solid #c6c6c6 !important;
        background-color: #ddeeff !important;
        padding: 5px 9px;
        font-size: 14px;
        font-weight: normal;
        text-align: center;
    }

    .qgg-table td {
        border-collapse: collapse;
        border-right: 1px solid #c6c6c6 !important;
        border-bottom: 1px solid #c6c6c6 !important;
        padding: 5px 9px;
        font-size: 12px;
        font-weight: normal;
        text-align: center;
        word-break: break-all;
    }

    .qgg-table tr:nth-child(odd) {
        background-color: #fff !important;
    }

    .qgg-table tr:nth-child(even) {
        background-color: #f8f8f8 !important;
    }

    th{font-weight: bold !important;}
    .first{font-weight: bold !important;text-align: left}
</style>
</body>
</html>